<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="format-detection" content="telephone=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
		<title>我房旅居</title>
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/footer.css" />
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css" />
		<link rel="stylesheet" type="text/css" href="css/main.css" />

	</head>

	<body>
		<header>
			<a href="javascript:history.go(-1);" class="back"><img src="images/icon/back.png" /></a>
  			<a href="city.html" class="location">海口</a>
			<h1>我房旅居</h1>
		</header>
		<div class="container">
			<div class="searchbox">
				<div class="swiper-container">
					<div class="swiper-wrapper">
						<a class="swiper-slide"><img src="images/banner.jpg" class="search-bg" /></a>
						<a class="swiper-slide"><img src="images/banner.jpg" class="search-bg" /></a>
						<a class="swiper-slide"><img src="images/banner.jpg" class="search-bg" /></a>
						<a class="swiper-slide"><img src="images/banner.jpg" class="search-bg" /></a>
					</div>
				</div>
				<form class="search row">
					<img src="images/icon/search.png" />
					<input type="text" placeholder="搜索楼盘" />
				</form>
			</div>
			<ul class="airbox row">
				<li class="column">
					<label>空气质量</label>
					<p>优</p>
				</li>
				<li class="column">
					<label>PMZ2.5值</label>
					<p>22</p>
				</li>
				<li class="column">
					<label>温度</label>
					<p>25℃-28℃</p>
				</li>
			</ul>
			<div class="special-tag row">
				<a href="#" class="column">
					<img src="images/icon/hot.png" />
					<p>热销楼盘</p>
				</a>
				<a href="#" class="column">
					<img src="images/icon/building.png" />
					<p>楼盘资讯</p>
				</a>
				<a href="#" class="column">
					<img src="images/icon/house.png" />
					<p>房产资讯</p>
				</a>
				<a href="#" class="column">
					<img src="images/icon/team.png" />
					<p>看房团</p>
				</a>
			</div>
			<div class="part">
				<div class="part-title row">
					<h2>热销楼盘</h2>
				</div>
				<div class="building-list">
					<div class="list-part column">
						<a href="#" class="list-pic"><img src="images/list.jpg" /></a>
						<div class="list-con">
							<div class="list-title row">
								<a href="#">儋州商圈鸿雁万国文旅城</a>
								<em class="wait-sale">待售</em>
							</div>
							<span class="row">13000-23000元/㎡</span>
							<p>儋州市迎宾大道与国盛路交汇处</p>
							<div class="row">
								<label class="row">特色别墅</label>
								<label class="row">宜居生态</label>
								<label class="row">景观居所</label>
								<label class="row">花园洋房</label>
								<label class="row">小户型</label>
							</div>
							<a href="tel:0898" class="list-tel"><img src="images/icon/tel.png" /></a>
						</div>
					</div>
					<div class="list-part column">
						<a href="#" class="list-pic"><img src="images/list.jpg" /></a>
						<div class="list-con">
							<div class="list-title row">
								<a href="#">儋州商圈鸿雁万国文旅城</a>
								<em class="on-sale">在售</em>
							</div>
							<span class="row">13000-23000元/㎡</span>
							<p>儋州市迎宾大道与国盛路交汇处</p>
							<div class="row">
								<label class="row">特色别墅</label>
								<label class="row">宜居生态</label>
								<label class="row">景观居所</label>
								<label class="row">花园洋房</label>
								<label class="row">小户型</label>
							</div>
							<a href="tel:0898" class="list-tel"><img src="images/icon/tel.png" /></a>
						</div>
					</div>
					<div class="list-part column">
						<a href="#" class="list-pic"><img src="images/list.jpg" /></a>
						<div class="list-con">
							<div class="list-title row">
								<a href="#">儋州商圈鸿雁万国文旅城</a>
								<em class="pre-sale">预售</em>
							</div>
							<span class="row">13000-23000元/㎡</span>
							<p>儋州市迎宾大道与国盛路交汇处</p>
							<div class="row">
								<label class="row">特色别墅</label>
								<label class="row">宜居生态</label>
								<label class="row">景观居所</label>
								<label class="row">花园洋房</label>
								<label class="row">小户型</label>
							</div>
							<a href="tel:0898" class="list-tel"><img src="images/icon/tel.png" /></a>
						</div>
					</div>
					<div class="list-part column">
						<a href="#" class="list-pic"><img src="images/list.jpg" /></a>
						<div class="list-con">
							<div class="list-title row">
								<a href="#">儋州商圈鸿雁万国文旅城</a>
								<em class="last-sale">尾盘</em>
							</div>
							<span class="row">13000-23000元/㎡</span>
							<p>儋州市迎宾大道与国盛路交汇处</p>
							<div class="row">
								<label class="row">特色别墅</label>
								<label class="row">宜居生态</label>
								<label class="row">景观居所</label>
								<label class="row">花园洋房</label>
								<label class="row">小户型</label>
							</div>
							<a href="tel:0898" class="list-tel"><img src="images/icon/tel.png" /></a>
						</div>
					</div>
					<div class="list-part column">
						<a href="#" class="list-pic"><img src="images/list.jpg" /></a>
						<div class="list-con">
							<div class="list-title row">
								<a href="#">儋州商圈鸿雁万国文旅城</a>
								<em class="ready-sale">售完</em>
							</div>
							<span class="row">13000-23000元/㎡</span>
							<p>儋州市迎宾大道与国盛路交汇处</p>
							<div class="row">
								<label class="row">特色别墅</label>
								<label class="row">宜居生态</label>
								<label class="row">景观居所</label>
								<label class="row">花园洋房</label>
								<label class="row">小户型</label>
							</div>
							<a href="tel:0898" class="list-tel"><img src="images/icon/tel.png" /></a>
						</div>
					</div>
					<div class="list-part column">
						<a href="#" class="list-pic"><img src="images/list.jpg" /></a>
						<div class="list-con">
							<div class="list-title row">
								<a href="#">儋州商圈鸿雁万国文旅城</a>
								<em class="stop-sale">停售</em>
							</div>
							<span class="row">13000-23000元/㎡</span>
							<p>儋州市迎宾大道与国盛路交汇处</p>
							<div class="row">
								<label class="row">特色别墅</label>
								<label class="row">宜居生态</label>
								<label class="row">景观居所</label>
								<label class="row">花园洋房</label>
								<label class="row">小户型</label>
							</div>
							<a href="tel:0898" class="list-tel"><img src="images/icon/tel.png" /></a>
						</div>
					</div>
					<a href="#" class="all-building row">查看全部楼盘</a>
				</div>
			</div>
			<div class="part">
				<div class="city row">
					<a href="#">
						<img src="images/haikou.jpg"/>
						<div class="column">
							<h2>海口</h2>
						</div>
					</a>
					<a href="#">
						<img src="images/sanya.jpg"/>
						<div class="column">
							<h2>三亚</h2>
						</div>
					</a>
				</div>
			</div>
			<footer>
				<div class="part">
					<a href="tel:0898-6666-8989" class="part-phone row">
						<div class="row">
							<img src="images/icon/landline.png"/>
							<p>0898-6666-8989</p>
						</div>
						<div class="column">
							<img src="images/icon/service.png"/>
							<p>在线客服</p>
						</div>
					</a>
				</div>
				<div class="footer-con">
					<div class="row">
						<a href="#" class="row">意见反馈</a>
						<a href="#" class="row">XML地图</a>
						<a href="#" class="row">联系我们</a>
					</div>
					<div class="column">
						<p>版权所有 Copyright @ All Rights Reserved</p>
						<p>云南我房旅居房地产经纪有限公司 滇ICP备17010577号</p>
					</div>
				</div>
				<div class="new-f-ad row">
					<a href="http://p.qiao.baidu.com/cps/chat?siteId=12032597&amp;userId=20686818" class="zixun row">在线咨询</a>
					<div class="zhaofang row">帮您找房</div>
					<a href="tel:4008190898,888" class="tel-zixun"><img src="images/tel.gif"/></a>
					<span>4008190898转888</span>
				</div>
			</footer>
		</div>
		<script src="js/jquery.min.js"></script>
		<script src="js/swiper.min.js"></script>
		<script src="js/wap.js"></script>
		<!--轮播图-->
		<script>
			var swiper = new Swiper('.swiper-container', {
		      loop: true,
			  autoplay: {
			    delay: 5000,
			    stopOnLastSlide: false,
			    disableOnInteraction: false,
			    },
		    });
		</script>
		<script type="text/javascript">
			function resize(){
		          var f = $('.new-f-ad').width() * 0.22;
		          $('.new-f-ad').css("height", f);
		          $('.tel-zixun').css("height", f);
		      }
		      $(document).ready(function() {
		          resize();
		      });
		</script>
		<!--帮您找房弹出框-->
		<script type="text/javascript" src="js/layer/layer.js"></script>
		<script type="text/javascript">
			$('.zhaofang').on('click', function() {
				layer.open({
					title:'',
					type: 2,
					area: ['10rem', '12rem'],
					content: 'team_sign.html' 
				});
			});
		</script>
	</body>

</html>